<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index3.css">
</head>
<body>
    <div class="box">
        <div class="top">
            <!-- 外边距居中 -->
            <div class="center">
                <!-- 导航栏1左边 -->
                <div class="nav-first-left">
                    <div class="city">
                        <i class="icon icon-coordinate"></i>
                        <span class="nav-city">郑州</span>
                        <a href="">[切换]</a>
                    </div>
                </div>
                <!-- 导航栏1右边 -->
                <div class="nav-first-right">
                    <span class="nav-first-phone">
                        <i class="icon icon-phone"></i>
                        咨询热线：
                        <span class="phone-underline">400-900-288</span>
                        <i class="icon tel-arrow down"></i>
                    </span>
                    <div class="division-thread first-division"></div>
                    <a href="#">图满意云设计</a>
                    <div class="division-thread first-division"></div>
                    <a href="#">创作者中心</a>
                    <div class="building-center">
                        <div class="building-center-title">
                            建材中心
                            <i class="icon icon-arrow-bottom"></i>
                        </div>
                    </div>
                    <div class="merchant-center">
                        <div class="merchant-center-title">
                            商家中心
                            <i class="icon icon-arrow-bottem"></i>
                        </div>
                    </div>
                    <div class="nav-my-tubatu">
                        <div class="nav-my-tubatu-title">
                            我的土巴兔
                            <i class="icon icon-arrow-bottem"></i>
                        </div>
                    </div>
                    <a class="nav-first-login" href="">注册</a>
                    <a class="nav-first-login" href="">登录</a>
                </div>
            </div>
        </div>
        <div class="header-nav-content">
            <div class="header-nav-box">
                <!-- 导航栏2左边两张图 -->
                <div class="nav-content-left">
                    <div class="to8to-logo-box">
                        <a href=""><i class="icon header-logo"></i></a>
                        <a class="ad-rabbit" href="">
                            <img class="header-logo-gif"
                                src="https://pic50.t8tcdn.com/adcms/ad/815d5d2f160c31b148c6208bf7c37284.gif" alt="">
                            <img class="header-logo-png"
                                src="https://pic50.t8tcdn.com/adcms/ad/cdb0e5dcfc26c3abcc41513865a77c0c.gif" alt="">
                        </a>
                    </div>
                </div>
                <!-- 导航栏2中间 -->
                <div class="nav-content-center">
                    <ul class="nav-content-list">
                        <li class="on">
                            <a href="">首页</a>
                        </li>
                        <li class="have-arrow">效果图<i class="icon icon-arrow"></i></li>
                        <li class="have-arrow">装修公司<i class="icon icon-arrow"></i></li>
                        <li class="have-arrow">装修攻略<i class="icon icon-arrow"></i></li>
                        <li><a href="">保障服务</a></li>
                        <li class="have-arrow">更多<i class="icon icon-arrow"></i></li>
                        <li style="position: relative;margin-right: 0;">下载APP <i class="icon icon-app"></i></li>
                    </ul>
                </div>
                <!-- 导航栏2右边 -->
                <div class="nav-content-right">
                    <form action="" class="nav-fzlink">
                        <div class="nav-content-search-center">
                            <div class="nav-search-input">
                                <input type="text" class="nav-search-center-input">
                                <label for="" class="nav-search-center-text">搜装修公司/问题/攻略/效果图</label>
                            </div>
                            <i class="icon icon-search"></i>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="banner advanced">
            <div class="banner-main">
                <ul class="breadcrumb clearfix">
                    <li class="breadcrumb-pre">
                        <a href="#">郑州装修</a>
                        <span class="global-bg breadcrumb-arrow"></span>
                    </li>
                    <li class="breadcrumb-pre">
                        <a href="#">郑州装修公司</a>
                        <span class="global-bg breadcrumb-arrow"></span>
                    </li>
                    <li class="breadcrumb-last">荣辉装饰</li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>